//页面进场动画
$(function() {
	var $containers = $('[data-animation]:not([data-animation-child]), [data-animation-container]');
	$containers.scrollAnimations({
		offset: 1
	});
	let imagesEl = $('img')
	for (let i = 0; i < imagesEl.length; i++) {
		let el = imagesEl.eq(i)
		if (el.attr('scale-animate')) {
			el.css('transform', 'scale(1.2)')
			setTimeout(() => {
				el.css('transition', 'all 4s')
				el.css('transform', 'scale(1)')
			}, 100)
		}
	}
})
// 栏目图片切换
$(document).ready(function () {
	const $items = $('.popover-item');
	const $images = $('.popover-item-img');

	// 默认显示第一个图片
	$images.hide().first().show();

	// 鼠标移入文字时切换对应图片
	$items.on('mouseenter', function () {
		const index = $items.index(this); // 获取当前文字索引
		$images.hide();                  // 隐藏所有图片
		$images.eq(index).fadeIn(300);   // 显示对应图片
	});
});

// 视频弹框
$(document).ready(function () {
  // 统一绑定多个播放按钮
  $('.videoBtn-img, .play-img').on('click', function (event) {
    event.stopPropagation(); // 阻止事件冒泡

    const $button = $(this);

    if ($button.hasClass('videoBtn-img')) {
      $('.video-container').slideToggle();
    } else if ($button.hasClass('play-img')) {
      $('.video-container-play').slideToggle();
    }

    $button.toggleClass('active');
  });

  // 点击关闭按钮 - 第一组
  $('.closeVideo').on('click', function (e) {
    e.stopPropagation();
    $('.video-container').hide();
    const video = document.getElementById('mainVideo');
    if (video) {
      video.pause();
      video.currentTime = 0;
    }
    $('.videoBtn-img').removeClass('active');
  });

  // 点击关闭按钮 - 第二组
  $('.closeVideo-play').on('click', function (e) {
    e.stopPropagation();
    $('.video-container-play').hide();
    const video = document.getElementById('mainVideo-play');
    if (video) {
      video.pause();
      video.currentTime = 0;
    }
    $('.play-img').removeClass('active');
  });

  // 点击外部区域关闭 - 支持两个弹窗
  $(document).on('click', function (e) {
    const $target = $(e.target);

    // 判断是否点击了第一个弹窗外部
    if (!($target.closest('.videoBtn, .video-container').length)) {
      $('.video-container').hide();
      const video1 = document.getElementById('mainVideo');
      if (video1) {
        video1.pause();
        video1.currentTime = 0;
      }
      $('.videoBtn-img').removeClass('active');
    }

    // 判断是否点击了第二个弹窗外部
    if (!($target.closest('.play, .video-container-play').length)) {
      $('.video-container-play').hide();
      const video2 = document.getElementById('mainVideo-play');
      if (video2) {
        video2.pause();
        video2.currentTime = 0;
      }
      $('.play-img').removeClass('active');
    }
  });
});

// 头部输入框

// $(function() {
// 	var $container = $('.search-container');
// 	var $input = $('.head-input');

// 	var isComposing = false; // 是否正在使用输入法输入中文
// 	var isHovering = false;

// 	// 鼠标进入/离开容器
// 	$container.on('mouseenter', function() {
// 		isHovering = true;
// 		$container.addClass('hovered');
// 	});

// 	$container.on('mouseleave', function() {
// 		isHovering = false;
// 		maybeCloseDropdown();
// 	});

// 	// 输入框获得焦点
// 	$input.on('focus', function() {
// 		isHovering = true;
// 		$container.addClass('hovered');
// 	});

// 	// 输入框失去焦点
// 	$input.on('blur', function() {
// 		maybeCloseDropdown();
// 	});

// 	// 中文输入开始
// 	$input.on('compositionstart', function() {
// 		isComposing = true;
// 	});

// 	// 中文输入结束
// 	$input.on('compositionend', function() {
// 		isComposing = false;
// 		maybeCloseDropdown();
// 	});

// 	// 处理键盘按键（特别是空格键）
// 	$input.on('keydown', function(e) {
// 		if (e.key === ' ' && isComposing) {
// 			// 如果按了空格且还在输入中文，阻止提前收起
// 			maybeCloseDropdown(true);
// 		}
// 	});

// 	// 判断是否应该关闭下拉菜单（带延迟）
// 	function maybeCloseDropdown(forceDelay = false) {
// 		setTimeout(function() {
// 			if (!isHovering && !isComposing && !$input.is(':focus')) {
// 				$container.removeClass('hovered');
// 			}
// 		}, forceDelay ? 400 : 200); // 空格键触发时延长一点
// 	}
// });

// 头部发生滚动设置透明度
$(document).ready(function() {
	// 监听窗口滚动事件
	$(window).scroll(function() {
		var scroll = $(window).scrollTop(); // 获取垂直方向的滚动距离

		if (scroll > 0) {
			// 页面有滚动时
			$('.HeadFather').addClass('scrolled');
		} else {
			// 页面在顶部时
			$('.HeadFather').removeClass('scrolled');
		}
	});

	// 触发一次滚动事件以确保初始状态正确
	$(window).trigger('scroll');
});
// 栏目切换
$(document).ready(function() {
	// 点击任意菜单项时
	$('.sel-title-text').on('click', function(e) {


		// 移除所有菜单项的 activation 类
		$('.sel-title-text').removeClass('activation');

		// 给当前点击的菜单项加上 activation 类
		$(this).addClass('activation');
	});
});


// 数字滚动
function digitalScroll(duration) {
	let className = '.digital-scroll'
	let timerObj = {}
	for (let i = 0; i < $(className).length; i++) {
		// 获取元素
		let $element = $(className).eq(i)
		// 获取元素相对于文档顶部的位置
		let elementTop = $element.offset().top;
		// 获取窗口可视区域的顶部位置
		let viewportTop = $(window).scrollTop();
		// 获取窗口可视区域的底部位置
		let viewportBottom = viewportTop + $(window).height();
		// 检查元素是否进入可视区域
		if (elementTop >= viewportTop && elementTop <= viewportBottom) {
			// 元素进入可视区域
			// 检查是否是第一次进入可视区域
			if (!$element.data('enteredViewport')) {
				// 标记元素已经进入可视区域
				$element.data('enteredViewport', true);
				// 第一次进入可视区域触发的事件
				timerObj[i] = {}
				timerObj[i].end = $(className).eq(i).text()
				console.log($(className).eq(i).text())
				timerObj[i].start = 0
				timerObj[i].timer = setInterval(() => {
					timerObj[i].start += Math.ceil((timerObj[i].end / 200))
					$(className).eq(i).text(timerObj[i].start)
					if (timerObj[i].start >= timerObj[i].end) {
						clearInterval(timerObj[i].timer)
						$(className).eq(i).text(timerObj[i].end)
					}
				}, duration / timerObj[i].end)
			}
		}
	}
}

setTimeout(() => {
	digitalScroll(1000)
}, 10)

$(window).scroll(function() {
	digitalScroll(1000)
});


// 核心产品按钮切换


// 核心产品图片外圈
// document.addEventListener("DOMContentLoaded", function() {
// 	const container = document.getElementById('circle-container');
// 	const radius = 340; // 圆的半径
// 	const numSegments = 70; // 长方形数量
// 	const angleStep = -(Math.PI * 2) * 0.8 / numSegments; // 逆时针，覆盖80%的圆

// 	for (let i = 0; i < numSegments; i++) {
// 		// 起点在三点钟方向（角度为0）
// 		const angle = i * angleStep;
// 		const x = Math.cos(angle) * radius;
// 		const y = Math.sin(angle) * radius;

// 		const segment = document.createElement('div');
// 		segment.classList.add('segment');
// 		// 设置每个长方形的位置和旋转
// 		segment.style.transform = `translate(${x}px, ${y}px) rotate(${angle}rad)`;

// 		// 最后五个颜色渐变变浅
// 		// if (i >= numSegments - 5) {
// 		// 	const opacity = (numSegments - i) / 5;
// 		// 	segment.style.backgroundColor = `rgba(0, 0, 255, ${opacity})`;
// 		// }

// 		container.appendChild(segment);
// 	}

// 	let currentIndex = 0;
// 	const delay = 200; // 延迟时间(ms)，可以根据需要调整

// 	function animateCircle() {
// 		const segments = container.querySelectorAll('.segment');

// 		// 移除之前的激活样式
// 		segments.forEach(seg => seg.classList.remove('circle-containerActive'));

// 		// 添加当前激活项
// 		segments[currentIndex].classList.add('circle-containerActive');

// 		currentIndex = (currentIndex + 1) % numSegments;

// 		// 使用 setTimeout 控制速度
// 		setTimeout(() => {
// 			requestAnimationFrame(animateCircle);
// 		}, delay); // 调整这里的延迟时间以改变速度
// 	}

// 	// 启动动画
// 	animateCircle();
// });


// 新闻速递切换
$(document).ready(function() {
	$('.news-sel-item').on('click', function() {
		$('.news-content').hide()
		$('.news-content').eq($(this).index() % 2).show()
	})
});


// 新闻速递hover效果
$(document).ready(function() {
	const items = $('.news-item-box-separate, .news-item-box');

	items.each(function() {
		const $newsItemBox = $(this);
		let backgroundImage;

		if ($newsItemBox.hasClass('news-item-box-separate')) {
			backgroundImage = $newsItemBox.find('.background-separate img').attr('src');
		} else if ($newsItemBox.hasClass('news-item-box')) {
			backgroundImage = $newsItemBox.closest('.news--right-item').find(
				'.background-container img').attr('src');
		}

		if (!backgroundImage) {
			console.error('Background image not found for:', $newsItemBox);
			return;
		}

		const $titles = $newsItemBox.find('.news-title');
		const $texts = $newsItemBox.find('.news-text');
		const $themoons = $newsItemBox.find('.themoon');
		const $times = $newsItemBox.find('.Time');

		// 设置过渡动画属性（可以统一在 CSS 中定义）
		$newsItemBox.css({
			transition: 'transform 0.6s ease, background-image 0.3s ease',
			cursor: 'pointer'
		});

		// 鼠标进入
		$newsItemBox.on('mouseenter', function() {
			$newsItemBox.css({
				backgroundImage: `url(${backgroundImage})`,
				backgroundSize: 'cover',
				backgroundPosition: 'center',
				transform: 'scale(1.05)'
			});

			$titles.css('color', 'var(--color-text-F)');
			$texts.css('color', 'var(--color-text-F)');
			$themoons.css('color', 'var(--color-text-F)');
			$times.css('color', 'var(--color-text-F)');
		});

		// 鼠标离开
		$newsItemBox.on('mouseleave', function() {
			$newsItemBox.css({
				backgroundImage: '',
				backgroundColor: 'var(--b-color-f9)',
				transform: 'scale(1)'
			});

			$titles.css('color', 'var(--color-text-21)');
			$texts.css('color', 'var(--color-text-3)');
			$themoons.css('color', 'var(--color-text-3)');
			$times.css('color', 'var(--color-text-3)');
		});
	});
});


// 超出可以左右滑动
$(document).ready(function() {
	const $box = $(".Abbreviation-box");
	let isDragging = false;
	let startX;
	let scrollLeft;

	// 鼠标按下时记录初始位置
	$box.on("mousedown", function(e) {
		isDragging = true;
		startX = e.pageX - $box.offset().left;
		scrollLeft = $box.scrollLeft();
		$box.addClass("grabbing"); // 添加抓取样式
	});

	// 鼠标移动时计算滚动距离
	$box.on("mousemove", function(e) {
		if (!isDragging) return;
		e.preventDefault(); // 防止默认行为（如选中文本）
		const x = e.pageX - $box.offset().left;
		const walk = (x - startX) * 2; // 调整拖拽灵敏度
		$box.scrollLeft(scrollLeft - walk);
	});

	// 鼠标松开时停止拖拽
	$box.on("mouseup mouseleave", function() {
		isDragging = false;
		$box.removeClass("grabbing"); // 移除抓取样式
	});
});
// 图片切换
$(document).ready(function() {
	// 监听缩略图点击事件
	$(".Abbreviation-item").on("click", function() {
		// 获取被点击的图片 src
		const newImgSrc = $(this).find("img").attr("src");

		// 替换主图的 src
		$(".hostImg").attr("src", newImgSrc);

		// 可选：添加选中效果（例如高亮边框）
		$(".Abbreviation-item").removeClass("active"); // 移除其他选中状态
		$(this).addClass("active"); // 当前项添加选中样式
	});
});

// 专业售后
$(document).ready(function () {
	const $cards = $('.AfterSales-item');
	
	function setAfterSalesItem(index) {
		$cards.find('.AfterSales-item-one-text').hide()
		$cards.find('.AfterSales-item-two-box').show()
		$cards.eq(index).find('.AfterSales-item-one-text').show()
		$cards.eq(index).find('.AfterSales-item-two-box').hide()
		$cards.css('width', '16vw')
		$cards.eq(index).css('width', '48.2vw')
	}
	
	$cards.on('mouseover', function() {
		let index = $(this).index()
		setAfterSalesItem(index)
	})
	setAfterSalesItem(0)
});

// 电话咨询鼠标事件
$(document).ready(function() {
	// 鼠标移入显示
	$(".more-btn").hover(
		function() {
			$(this).find(".phone-tooltip").fadeIn(200);
		},
		function() {
			$(this).find(".phone-tooltip").fadeOut(200);
		}
	);
});
// 分页
function setPage() {
	const pagingNumEl = $('.paging-num')
	let pagingNumIndex = 0
	if (pagingNumEl.length >= 7) {
		for (let i = 0; i < pagingNumEl.length; i++) {
			if (pagingNumEl.eq(i).attr('class').includes('paging-active')) {
				pagingNumIndex = i
				break;
			}
		}
		for (let i = 0; i < pagingNumEl.length; i++) {
			if (i < pagingNumIndex) {
				if (i + 3 < pagingNumIndex) {
					pagingNumEl.eq(i).hide()
				}
			} else if (i > pagingNumIndex) {
				if (i - 3 > pagingNumIndex) {
					pagingNumEl.eq(i).hide()
				}
			}
		}
	}
}
setPage()
// 新闻资讯轮播
$(document).ready(function() {
	// 获取元素
	const $carousel = $('.news-Carousel');
	const $newsItems = $('.news-content-item');
	const $leftArrow = $('.el-icon-arrow-left').closest('.news-arrow');
	const $rightArrow = $('.el-icon-arrow-right').closest('.news-arrow');
	const $dropBox = $('.drop-box');

	// 初始化变量
	let currentIndex = 0;
	const itemCount = $newsItems.length;

	// 1. 初始化轮播状态
	function initCarousel() {
		$newsItems.hide().eq(currentIndex).show();
		updateArrowState();
		createPagination();
	}

	// 2. 创建分页点
	function createPagination() {
		$dropBox.empty();
		for (let i = 0; i < itemCount; i++) {
			$dropBox.append(`<div class="new-drop ${i === currentIndex ? 'drop-active' : ''}"></div>`);
		}

		// 分页点点击事件
		$('.new-drop').on('click', function() {
			const index = $(this).index();
			goToSlide(index);
		});
	}

	// 3. 跳转到指定幻灯片
	function goToSlide(index) {
		if (index === currentIndex) return;

		const $currentItem = $newsItems.eq(currentIndex);
		const $targetItem = $newsItems.eq(index);
		const direction = index > currentIndex ? 1 : -1;

		// 处理循环逻辑
		if (index < 0) {
			index = itemCount - 1;
		} else if (index >= itemCount) {
			index = 0;
		}

		// 动画效果
		$currentItem.animate({
			opacity: 0,
			marginLeft: `${direction * 50}px`
		}, 300, function() {
			$(this).hide().css({
				opacity: 1,
				marginLeft: 0
			});
		});

		$targetItem.css({
			opacity: 0,
			marginLeft: `${direction * -50}px`
		}).show().animate({
			opacity: 1,
			marginLeft: 0
		}, 300);

		currentIndex = index;
		updateArrowState();
		updatePagination();
	}

	// 4. 更新分页点状态
	function updatePagination() {
		$('.new-drop').removeClass('drop-active')
			.eq(currentIndex).addClass('drop-active');
	}

	// 5. 更新箭头状态 - 修改为永远可点击
	function updateArrowState() {
		$leftArrow.css({
			'opacity': '1',
			'cursor': 'pointer',
			'border': '1px dashed #e1e1e1'
		});

		$rightArrow.css({
			'opacity': '1',
			'cursor': 'pointer',
			'border': '1px dashed #e1e1e1'
		});
	}

	// 6. 箭头点击事件 - 修改为循环切换
	$leftArrow.on('click', function() {
		const newIndex = currentIndex - 1 < 0 ? itemCount - 1 : currentIndex - 1;
		goToSlide(newIndex);
	});

	$rightArrow.on('click', function() {
		const newIndex = currentIndex + 1 >= itemCount ? 0 : currentIndex + 1;
		goToSlide(newIndex);
	});

	// 7. 悬停效果
	$newsItems.hover(
		function() {
			$(this).css('box-shadow', '0 0 1.5vw rgba(0, 0, 0, 0.25)');
		},
		function() {
			$(this).css('box-shadow', '0 0 1.04vw rgba(0, 0, 0, 0.15)');
		}
	);

	$('.news-arrow').hover(
		function() {
			$(this).css({
				'background': 'rgba(225, 225, 225, 0.3)',
				'transform': 'scale(1.1)'
			});
		},
		function() {
			$(this).css({
				'background': 'transparent',
				'transform': 'scale(1)'
			});
		}
	);

	// 8. 自动轮播 (可选)
	// let autoplay = setInterval(() => {
	//     const nextIndex = (currentIndex + 1) % itemCount;
	//     goToSlide(nextIndex);
	// }, 5000);

	// $carousel.hover(
	//     () => clearInterval(autoplay),
	//     () => autoplay = setInterval(() => {
	//         const nextIndex = (currentIndex + 1) % itemCount;
	//         goToSlide(nextIndex);
	//     }, 5000)
	// );

	// 初始化
	initCarousel();
});
// 国内 国外切换
$(document).ready(function() {
	// 初始隐藏国外市场内容
	$('.ContactUs-market-item > div').eq(2).hide(); // 国外市场内容div是第三个div

	// 点击标签切换
	$('.market-item-within').click(function() {
		// 如果点击的是当前已激活的标签，则不执行任何操作
		if ($(this).hasClass('market-item-active')) return;

		// 切换标签active状态
		$('.market-item-within').removeClass('market-item-active');
		$(this).addClass('market-item-active');

		// 切换内容显示
		$('.ContactUs-market-middle').toggle();
		$('.ContactUs-market-item > div').eq(2).toggle(); // 国外市场内容div

		// 更新数字状态
		$('.right-switch span').toggleClass('switch-active');
	});

	// 点击箭头切换
	$('.ContactUs-arrow a').click(function(e) {
		e.preventDefault();
		// 直接触发另一个标签的点击事件
		$('.market-item-within').not('.market-item-active').click();
	});
});

// wap导航栏
let mmenu = $('nav#menu')
if (mmenu.length !== 0) {
	$(document).ready(function() {
		$('.menuListWap').eq(0).hide()
		mmenu.mmenu({
			extensions: ['effect-slide-menu', 'pageshadow'],
			searchfield: true,
			counters: true,
			navbar: {},
			offCanvas: {
				position: "right"
			},
			navbars: [{
				position: 'top',
				content: ['searchfield']
			}, {
				position: 'top',
				content: [
					'prev',
					'title',
					'close'
				]
			}, {
				position: 'bottom',
				content: [
					'  '
				]
			}]
		});
		$('.menuListWap').eq(0).show()
	});
}
//详情页返回
$(document).ready(function() {
	$('.product-return').click(function() {
		window.history.back();
	});
});
$(document).ready(function() {
	$('.product-return-wap').click(function() {
		window.history.back();
	});
});
// 公司荣誉
document.addEventListener('DOMContentLoaded', function() {
  // 左侧选项卡元素
  const tabHonor = document.querySelector('.qualifications-one');
  const tabPatent = document.querySelector('.qualifications-two');
  
  // 右侧轮播容器
  const honorContainer = document.querySelectorAll('.qualifications-container')[0];
  const patentContainer = document.querySelectorAll('.qualifications-container')[1];
  
  // 右侧文字内容区域
  const textContainer = document.querySelector('.qualifications-right-content');
  
  // 上下箭头
  const upArrow = document.querySelector('.el-icon-arrow-up').parentElement.parentElement;
  const downArrow = document.querySelector('.el-icon-arrow-down').parentElement.parentElement;
  
  // 当前状态
  let currentActiveIndex = 0;
  let currentActiveCarousel = honorContainer.querySelector('.qualifications-roll');
  let currentItems = currentActiveCarousel.querySelectorAll('.swiper-item');
  let currentTextItems = textContainer.querySelectorAll('.qualifications-content-text');

  // 初始化
  function init() {
    // 默认显示公司荣誉
    tabHonor.classList.add('qualifications-active');
    honorContainer.style.display = 'block';
    
    // 初始化两个轮播
    initCarousel(honorContainer.querySelector('.qualifications-roll'));
    initCarousel(patentContainer.querySelector('.qualifications-roll'));
    
    // 初始化文字显示
    updateTextDisplay();
    
    // 默认选中中间位置
    selectMiddleItem();
  }
  
  // 选中中间位置的项
  function selectMiddleItem() {
    const middleIndex = Math.floor(currentItems.length / 2);
    updateCarouselPositions(currentItems, middleIndex);
    currentActiveIndex = middleIndex;
    updateActiveText();
    scrollQualificationsRightConten(currentActiveIndex);
  }
  
  // 初始化轮播
  function initCarousel(roll) {
    const items = roll.querySelectorAll('.swiper-item');
    
    items.forEach((item, index) => {
      item.addEventListener('click', function() {
        if (index !== currentActiveIndex) {
          updateCarouselPositions(items, index);
          currentActiveIndex = index;
          updateActiveText();
          scrollQualificationsRightConten(currentActiveIndex);
        }
      });
    });
  }
  
  // 更新轮播位置
  function updateCarouselPositions(items, centerIndex) {
    const itemWidth = 250;
    const spacing = itemWidth * 2;
    
    items.forEach((item, index) => {
      const offset = index - centerIndex;
      const absOffset = Math.abs(offset);
      
      let transform = '';
      let zIndex = items.length - absOffset;
      let scale = 1 - absOffset * 0.1;
      scale = Math.max(scale, 0.8);
      
      if (offset === 0) {
        transform = `translateX(0) translateZ(0) scale(${scale})`;
      } else if (offset < 0) {
        transform = `translateX(${offset * spacing - 50}px) translateZ(-${absOffset * 100}px) rotateY(30deg) scale(${scale})`;
      } else {
        transform = `translateX(${offset * spacing + 50}px) translateZ(-${absOffset * 100}px) rotateY(-30deg) scale(${scale})`;
      }
      
      item.style.transform = transform;
      item.style.zIndex = zIndex;
      item.style.opacity = 1 - absOffset * 0.3;
    });
    
    currentActiveIndex = centerIndex;
  }
  
  // 更新激活的文字样式
  function updateActiveText() {
    currentTextItems = textContainer.querySelectorAll('.qualifications-content-text');
    currentTextItems.forEach((text, i) => {
      text.classList.toggle('qualifications-text-active', i === currentActiveIndex);
    });
  }
  
  // 更新文字显示
  function updateTextDisplay() {
    const activeContainer = document.querySelector('.qualifications-container[style="display: block;"], .qualifications-container.active');
    const items = activeContainer.querySelectorAll('.swiper-item');
    
    // 清空现有文字
    textContainer.innerHTML = '';
    
    // 添加新的文字项
    items.forEach((item, index) => {
      const textDiv = document.createElement('div');
      textDiv.className = 'qualifications-content-text';
      textDiv.textContent = item.querySelector('.qualifications-img-text').textContent;
      
      // 点击文字切换对应轮播项
      textDiv.addEventListener('click', function() {
        updateCarouselPositions(currentItems, index);
        currentActiveIndex = index;
        updateActiveText();
        scrollQualificationsRightConten(currentActiveIndex);
      });
      
      textContainer.appendChild(textDiv);
    });
    
    // 更新当前文字项引用
    currentTextItems = textContainer.querySelectorAll('.qualifications-content-text');
  }
  
  // 左侧选项卡切换
  tabHonor.addEventListener('click', function() {
    if (!tabHonor.classList.contains('qualifications-active')) {
      // 更新选项卡状态
      tabHonor.classList.add('qualifications-active');
      tabPatent.classList.remove('qualifications-active');
      
      // 切换轮播容器
      honorContainer.style.display = 'block';
      patentContainer.style.display = 'none';
      
      // 更新当前轮播引用
      currentActiveCarousel = honorContainer.querySelector('.qualifications-roll');
      currentItems = currentActiveCarousel.querySelectorAll('.swiper-item');
      
      // 更新文字显示
      updateTextDisplay();
      
      // 选中中间位置
      selectMiddleItem();
    }
  });
  
  tabPatent.addEventListener('click', function() {
    if (!tabPatent.classList.contains('qualifications-active')) {
      // 更新选项卡状态
      tabPatent.classList.add('qualifications-active');
      tabHonor.classList.remove('qualifications-active');
      
      // 切换轮播容器
      patentContainer.style.display = 'block';
      honorContainer.style.display = 'none';
      
      // 更新当前轮播引用
      currentActiveCarousel = patentContainer.querySelector('.qualifications-roll');
      currentItems = currentActiveCarousel.querySelectorAll('.swiper-item');
      
      // 更新文字显示
      updateTextDisplay();
      
      // 选中中间位置
      selectMiddleItem();
    }
  });
  
  // 文字区域滚动
  function scrollQualificationsRightConten(index) {
    const qualifications = document.querySelector('.qualifications-right-content');
    const height = document.querySelector('.qualifications-content-text').offsetHeight + window.innerWidth * 0.02;
    qualifications.scrollTop = height * index;
  }
  
  // 上箭头点击
  upArrow.addEventListener('click', function() {
    if (currentActiveIndex > 0) {
      currentActiveIndex--;
      updateCarouselPositions(currentItems, currentActiveIndex);
      updateActiveText();
      scrollQualificationsRightConten(currentActiveIndex);
    }
  });
  
  // 下箭头点击
  downArrow.addEventListener('click', function() {
    if (currentActiveIndex < currentItems.length - 1) {
      currentActiveIndex++;
      updateCarouselPositions(currentItems, currentActiveIndex);
      updateActiveText();
      scrollQualificationsRightConten(currentActiveIndex);
    }
  });
  
  // 初始化
  init();
});